import style from '../../styles/h-myinfo.module.scss'
import { Popover } from 'antd';
const content = (
    <span>mr_wangleilei@163.com</span>
)
const content1 = (
    <span>916390385</span>
)
const content2 = (
    <img style={{'width':'100px'}} src="/wx.png" alt="" />
)
export default function HomeInfo() {
    return (
        <div className={style.myInfoWrapper}>
            <div className={style.imageBox}>
                <img src="/header.jpg" alt="" />
            </div>
            <h2>Reaper</h2>
            <p>每个优秀的人，都有一段沉默的时光，那段时光，是付出了很多努力，却得不到结果的日子，我们把它叫做扎根 。</p>

            <div className={style.mails}>
                <Popover content={content} trigger="hover">
                    <i className="iconfont">&#xe6cb;</i>
                </Popover>
                <Popover content={content1} trigger="hover">
                    <i className="iconfont">&#xe80e;</i>
                </Popover>
                <Popover content={content2} trigger="hover">
                    <i className="iconfont">&#xe65c;</i>
                </Popover>



            </div>
        </div>
    )
}
